HTML5 Videos

Note

The Content Enrichment function uses your browser's video player to play videos. Different browsers support different video formats. For maximum compatibility across browsers, we recommend using the MP4 format.

You must open the editor for editing content. To access the editor for an activity, go to the detailed view of the activity and select Quick Actions> Edit general element info. To display the editor for a timeline, open the Timeline Context Menu and click Details. The Edit Timeline dialog box opens.

  1. In the editor, position your cursor where you want to insert the video.

  2. Click the icon.

  3. The HTML5 video dialog box appears.

  4. Click Browse server.

  5. A file selection dialog box appears:

    The top list shows your activity's attachments in various formats (documents, vector graphics, etc.).

  6. If you don't see the video you need in the existing attachments, upload a new file by dragging and dropping it into the lower left area.

  7. The video uploads and appears in the attachment list.

  8. In the attachment list, click the Use button next to your desired video.

  9. The video appears in the preview area of the HTML5 video dialog box.

  10. Edit the video properties using the tabs described in the sections below.

  11. Click OK.

The video is now added to your content in the editor.

Your video will only display correctly if it's in a format supported by your browser. If you've selected an incompatible file, you'll see a placeholder with an error message. Either select a different file or convert your video to a compatible format like MP4.

The Video Info tab provides these configuration options:

Function

Description

Width of the tooltip

Enter the width in pixels for the video player

Height of the tooltip

Enter the height in pixels for the video player

Orientation

Select the alignment of the video player:

  • Center: Centers the video player with no text wrapping

  • Left: Aligns the player left with text wrapping if space allows

  • Right: Aligns the player right with text wrapping if space allows

  • None: No specific alignment with no text wrapping

The Advanced tab provides these options:

Function

Description

Autoplay?

Select whether the video plays automatically when you open the additional information